<template>
  <div class="wrap">
    <el-calendar class="calendar" v-model="value"></el-calendar>
  </div>
</template>

<script>
export default {
    name: "calendar.vue",
    data () {
        return {
            value: new Date()
    }
    }
} //<el-calendar  v-model="value"></el-calendar>
</script>

<style scoped>
    .wrap {
        width:200px;
        height: 200px;
        background-color: pink;
    }
 .el-calendar-table .el-calendar-day {
        height: 100%;
        width:100%;
 }
 .wrap >>>.calendar {
     width: 100%;
     height: 100%;
 }
</style>